import Vue from 'vue';
import VueRouter from 'vue-router';
import Index from './../components/Index';
import LeftMenu from '../components/LeftMenu';
import Picture from './../components/Picture.vue';
import Skill from './../components/Skill.vue';
import Works from './../components/Works.vue';
import Recommend from './../components/works/Recommend.vue';
import Popular from './../components/works/Popular.vue';
import Newest from './../components/works/Newest.vue';
Vue.use(VueRouter);
const routes = [{
    path: "/",
    component: Index
  }, {
    path: "/LeftMenu",
    component: LeftMenu
  }, {
    path: "/Work",
    component: Works,
    children: [{
        path: "/Work/Recommend",
        component: Recommend
      },
      {
        path: "/Work/Popular",
        component: Popular
      },
      {
        path: "/Work/Newest",
        component: Newest
      }
    ]
  },
  {
    path: "/Skill/:a",
    component: Skill
  },
  {
    path: "/Picture",
    component: Picture
  }
]
const router = new VueRouter({
  routes,
  mode: "history"
})
export default router;
